
import {CSSProperties, useEffect} from 'react'
import './Kaseo.css'
import Keyboard from './Keyboard'
import Monitor from './Monitor'
import { gKaseoBoot } from '../../../KaseoApp'

export default function(props: {
    style?: CSSProperties
}) {
    useEffect(() => {
        gKaseoBoot()
    }, [])

    return (
        <div className='kaseo-main-box' style={props.style}>
            <p className='kaseo-logo'>KASEO</p>
            <Monitor/>
            <Keyboard/>
        </div>
    )
}
